.bacgk{
		position: fixed;
	    width: 100%;
	    height: 100%;
	    top: 0;
	    left: 0;
	    z-index: -1;
		opacity: 0.5;
}
.clear{
		clear: both;
	}
.iconfont{
			font-size: 64rpx;
			color:#333333 ;
		}
.content{
	color: #282c37;
	font-weight: bold;
	letter-spacing: 8rpx;
	padding: 40rpx;
	height: 100%;
	z-index: 10;
	overflow: hidden;
	//position: fixed;
	// position: relative;
	uni-canvas>canvas{
		width: 100%;
		height: 100%;
		position: absolute;
		left: 50%;
		top: 40%;
		transform: translate(-50%,-50%);
	}
	.clock{
		width: 100%;
		height: 80%;
		position: absolute;
		left: 50%;
		top: 60%;
		transform: translate(-50%,-50%);
	}
	text{
		width: 100%;
		text-align: center;
		display: block;
	}

	.name{
		font-size: 48rpx;
		margin-top: 40rpx;
		margin-bottom: 20rpx;
	}
	.botmIcon{
		position: absolute;
		bottom:120rpx;
		text-align: center;
		box-sizing: border-box;
		width: 100%;
		 display: flex;
		 flex-wrap: nowrap;
		 justify-content: center;
		  left:0;
		  right:0;
		 margin:auto;
		.margin-set{
			margin-right: 60rpx;
		}
		.margin-left{
			margin-left:60rpx
		}
	}
	.info{
		width: 100%;
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
		bottom: 200rpx;
		text-align: cnter;
		font-size: 42rpx;
	}
	.clear{
		clear: both;
	}
}
